<template>
  <div>
     我是模块1
     <van-button>测试一下 </van-button>
     <p class="subtitle" @click="clickFn">
       <span>{{time}}</span>
       <span>发表时间： {{$moment(new Date()).format('MM-DD HH:mm')}}</span>   
     </p>

  </div>
    
</template>

<script>
import { getCurrentInstance,ref } from "vue";
export default {
  
  // vue2 语法
  //  data(){
  //    return{
  //      time: this.$moment().format("HH:mm:ss"),//当前时间 
  //      interval:null,//定时器
  //      cuont:0
  //    }
  //  },
  //  created(){
  //   //  只要不结束一直被调用
  //     this.interval = setInterval(() => {
  //           this.time = this.$moment().format("HH:mm:ss");
  //       }, 1000);

  //  }
  // vue3  proxy相当于vue2的this
  setup(props, ctx){
    // 暂时还不知道这俩参数是干啥的，过段时间研究研究
    console.log(props, ctx)
    let { proxy } = getCurrentInstance();
    let time= ref(proxy.$moment().format("HH:mm:ss"));
    let interval=setInterval(() => {
        time.value = proxy.$moment().format("HH:mm:ss");
        return time ;
       
    }, 1000);
  
    return{
      time,
      interval
    }
     
  }
}
</script>

<style>

</style>